<!doctype html>
<html>
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=0" />
	
	<meta name="format-detection" content="telphone=no,email=no"/>
	<link rel="stylesheet" href="css/global.css">
	<title>article</title>
    <script type="text/javascript" src="js/jquery-2.2.3.min.js"></script>
    <script type="text/javascript" src="js/script.js"></script>
</head>
<body>
<header class="header">
    <div class="header-left"><i class="header-icon icon-v-left js-back"></i></div>
    <h1 class="page-tt">article</h1>
</header>
<main id="pages" class="page-wrap">
    <div class="page">    
        <div class="content">
            <article class="article">
                <h2 class="tt-2">Lorem ipsum dolor</h2>
                <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Animi blanditiis nulla, ea ex quas ut pariatur totam hic ducimus nostrum, repudiandae. Id ea asperiores commodi sapiente perspiciatis, obcaecati sint natus.</p>
                <h3 class="tt-3">consectetur adipisicing</h3>
                <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nemo minima corporis nesciunt similique eum tenetur, a error odit dicta! Quos atque odit quibusdam in deserunt sed temporibus officiis vel sit.</p>
                <h3 class="tt-3">consectetur adipisicing id consequatur saepe quam excepturi</h3>
                <p>Sit rem reiciendis, nobis, id consequatur saepe quam excepturi non commodi cum omnis velit iusto et dolores totam consequuntur, nisi quisquam cumque maiores tempora labore incidunt? Ex odit sapiente nam!</p>
                <ul class="list-disc">
                    <li>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Magnam, facilis!</li>
                    <li>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Magnam, facilis!</li>
                    <li>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Magnam, facilis!</li>
                </ul>
                <p>Nesciunt quibusdam, vitae perferendis veritatis iste eos explicabo perspiciatis molestias quaerat ipsum nobis id neque quas, similique minima architecto illo voluptates, ipsam reiciendis vero magni odio sit. Animi, voluptates, nesciunt!</p>
                <ol class="list-decimal">
                    <li>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Magnam, facilis!</li>
                    <li>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Magnam, facilis!</li>
                    <li>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Magnam, facilis!</li>
                </ol>
                <p>Possimus ad fuga perspiciatis officia nobis distinctio facere suscipit quia, id. Officia dolorem deserunt ex commodi, non quaerat et aliquid eaque, facere reiciendis, a numquam maxime! In officiis eveniet omnis?</p>
                <img class="article-img" src="http://placehold.it/600" alt="">
                <p>Laudantium magnam molestias saepe velit odit dolore, soluta reprehenderit placeat. Natus omnis debitis aperiam ea sit nostrum aut culpa veniam, repudiandae sint officia et adipisci sed laborum tempora ad. Non.</p>
            </article>
        </div>
    </div>
</main>
</body>
</html>